home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Shareware / Signal for Windows 1.1.3 / Signal_Setup.exe / web / iphone / iphone.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-09-11  |  14.2 KB  |  903 lines
  1. /* 
  2. Copyright (c) 2007-2008 Alloysoft, LLC. All rights reserved.
  3. http://www.alloysoft.com
  4. */
  5.  
  6. body {
  7.     background: #000;
  8.     font: 16px Helvetica, Arial, sans-serif;
  9.     margin: 0px;
  10. }
  11.  
  12. #container {
  13.     width: 100%;
  14.     height: 416px; /* 355 */
  15.     text-align: center;
  16.     position: relative;
  17. }
  18.  
  19. body[orientation="landscape"] #container {
  20.     height: 269px;
  21. }
  22.  
  23. #header {
  24.     background: url("images/back_top.gif") left top repeat-x #000;
  25.     border-bottom: 1px solid #212121;
  26.     color: #fff;
  27.     width: 100%;
  28.     font-size: 12px;
  29.     font-weight: bold;
  30.     height: 46px;
  31.     text-align: center;
  32.     position: absolute;
  33.     left: 0px;
  34.     top: 0px;
  35.     z-index: 3;
  36.     overflow: hidden;
  37. }
  38.  
  39. #preload {
  40.     display: none;
  41. }
  42.  
  43. #trackInfo {
  44.     width: 240px;
  45.     margin: auto;
  46. }
  47.  
  48. body[orientation="landscape"] #trackInfo {
  49.     width: 400px;
  50. }
  51.  
  52. #footer {
  53.     background: url("images/back_top.gif") left top repeat-x #000;
  54.     color: #fff;
  55.     width: 100%;
  56.     height: 51px; /* 46 */
  57.     position: absolute;
  58.     left: 0px;
  59.     bottom: 0px;
  60.     z-index: 3;
  61. }
  62.  
  63. .trackInfo {
  64.     color: #AAA;
  65.     height: 15px;
  66.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  67.     
  68.     /* Keep text on a single line and break with ellipsis */
  69.     overflow: hidden;
  70.     white-space: nowrap;
  71.     text-overflow: ellipsis;
  72. }
  73.  
  74. #title {
  75.     color: #fff;
  76. }
  77.  
  78. #btnMedialib {
  79.     background: url("images/btn_lib.png") center no-repeat;
  80.     position: absolute;
  81.     top: 6px;
  82.     left: 5px;
  83.     width: 29px;
  84.     height: 30px;
  85.     cursor: pointer;
  86. }
  87.  
  88. #btnPlaylist {
  89.     background: url("images/btn_top.png") center no-repeat;
  90.     position: absolute;
  91.     top: 6px;
  92.     right: 5px;
  93.     width: 29px;
  94.     height: 30px;
  95.     cursor: pointer;
  96. }
  97.  
  98. #playbackcontrols {
  99.     position: absolute;
  100.     width: 100%;
  101.     height: 51px;
  102.     left: 0px;
  103.     bottom: 0px;
  104.     z-index: 4;
  105.     text-align: center;
  106. }
  107.  
  108. #ctrl_prev {
  109.     background: url("images/ctrl_prev.png") center no-repeat;
  110.     cursor: pointer;
  111.     width: 23px;
  112.     height: 51px;
  113.     padding-left: 20px;
  114.     padding-right: 20px;
  115.     position: absolute;
  116.     top: 0px;
  117.     left: 35px;
  118. }
  119.  
  120. #ctrl_play {
  121.     cursor: pointer;
  122.     width: 23px;
  123.     height: 39px;
  124.     padding-left: 20px;
  125.     padding-right: 20px;
  126.     padding-top: 12px;
  127.     top: 0px;
  128.     margin: auto;
  129. }
  130.  
  131. #ctrl_next {
  132.     background: url("images/ctrl_next.png") center no-repeat;
  133.     cursor: pointer;
  134.     width: 23px;
  135.     height: 51px;
  136.     padding-left: 20px;
  137.     padding-right: 20px;
  138.     position: absolute;
  139.     top: 0px;
  140.     right: 35px;
  141. }
  142.  
  143. #albumart {
  144.     position: absolute;
  145.     width: 100%;
  146.     left: 0px;
  147.     top: 46px;
  148.     z-index: 2;
  149. }
  150.  
  151. #artwork {
  152.     width: 320px;
  153.     height: 320px;
  154. }
  155.  
  156. body[orientation="landscape"] #artwork {
  157.     width: 172px;
  158.     height: 172px;
  159. }
  160.  
  161. #medialib {
  162.     visibility: hidden;
  163.     
  164.     background: #fff;
  165.     width: 100%;
  166.     position: absolute;
  167.     height: 416px;
  168.     left: 0px;
  169.     top: 0px;
  170.     z-index: 4;
  171.     overflow: hidden;
  172. }
  173.  
  174. body[orientation="landscape"] #medialib {
  175.     height: 269px;
  176. }
  177.  
  178. #playlist {
  179.     visibility: hidden;
  180.     
  181.     background: #fff;
  182.     width: 100%;
  183.     position: absolute;
  184.     height: 416px;
  185.     left: 0px;
  186.     top: 0px;
  187.     z-index: 4;
  188.     overflow: hidden;
  189. }
  190.  
  191. body[orientation="landscape"] #playlist {
  192.     height: 269px;
  193. }
  194.  
  195. #speakers {
  196.     visibility: hidden;
  197.     
  198.     background: url("images/stripes.png") #c5ccd3;
  199.     width: 100%;
  200.     position: absolute;
  201.     height: 416px;
  202.     left: 0px;
  203.     top: 0px;
  204.     z-index: 4;
  205.     overflow: hidden;
  206. }
  207.  
  208. body[orientation="landscape"] #speakers {
  209.     height: 269px;
  210. }
  211.  
  212. #speakersettings
  213. {
  214.     background: url("images/stripes.png") #c5ccd3;
  215. }
  216.  
  217. .settings h2 {
  218.     font-size: 16px;
  219.     text-align: left;
  220.     
  221.     padding-left: 8px;
  222.     font-weight: bold;
  223.     color: #4c566c;
  224.     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
  225. }
  226.  
  227. .settings .infomsg {
  228.     margin-bottom: 20px;
  229.     font-size: 16px;
  230.     color: #4c566c;
  231.     text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
  232. }
  233.  
  234. .settings {
  235.     margin-left: 10px;
  236.     margin-right: 10px;
  237.     padding-top: 10px;
  238.     padding-bottom: 10px;
  239. }
  240.  
  241. .settings ul {
  242.     margin-bottom: 9px;
  243.     border: 1px solid #acaeb0;
  244.     -webkit-border-radius: 10px;
  245. }
  246.  
  247. .settings ul li {
  248.     font-size: 17px;
  249.     border-top: 1px solid #acaeb0;
  250.     border-bottom: none;
  251.     min-height: 45px;
  252.     padding: 0;
  253.     padding-left: 8px;
  254.     line-height: 45px;
  255. }
  256.  
  257. .settings ul li:first-child {
  258.     border-top: none;
  259. }
  260.  
  261. .flipbtn {
  262.     background: #fff url("images/flipbtn_back_off.png") repeat-x;
  263.     border: 1px solid #888;
  264.     position: absolute;
  265.     top: 8px;
  266.     right: 8px;
  267.     width: 94px;
  268.     height: 25px;
  269.     font-size: 17px;
  270.     font-weight: bold;
  271.     line-height: 27px;
  272.     -webkit-border-radius: 4px;
  273. }
  274.  
  275. .flipbtn[enabled="true"] {
  276.     background: url("images/flipbtn_back_on.png") repeat-x #3c80e8;
  277.     border-top: 1px solid #093889;
  278.     border-left: 1px solid #1453b2;
  279.     border-bottom: 1px solid #5289d7;
  280. }
  281.  
  282. .flipbtnslider {
  283.     position: absolute;
  284.     top: -1px;
  285.     left: -1px;
  286.     width: 40px;
  287.     height: 25px;    
  288.     border: 1px solid #888888;
  289.     -webkit-border-radius: 4px;
  290.     background: url("images/flipslider.png") repeat-x #fff;
  291. }
  292.  
  293. .flipbtnback_on {
  294.     position: absolute;
  295.     top: 0;
  296.     left: 0;
  297.     width: 54px;
  298.     color: #fff;
  299.     display: none;
  300.     text-align: center;
  301.     text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  302. }
  303.  
  304. .flipbtnback_off {
  305.     position: absolute;
  306.     top: 0;
  307.     right: 0;
  308.     width: 54px;
  309.     color: #808080;
  310.     text-align: center;
  311. }
  312.  
  313. .flipbtn[enabled="true"] > .flipbtnback_on {
  314.     display: block;
  315. }
  316.  
  317. .flipbtn[enabled="true"] > .flipbtnback_off {
  318.     display: none;
  319. }
  320.  
  321. .flipbtn[enabled="true"] > .flipbtnslider {
  322.     left: auto;
  323.     right: -1px;
  324. }
  325.  
  326. ul {
  327.     background: #fff;
  328.     list-style: none;
  329.     padding: 0px;
  330.     margin: 0px;
  331.     text-align: left;
  332. }
  333.  
  334. ul li {
  335.     border-bottom: 1px solid #e9e9e9;
  336.     font-size: 18px; /* 20px */
  337.     font-weight: bold;
  338.     padding-left: 8px;
  339.     padding-right: 8px;
  340.     padding-top: 10px;
  341.     padding-bottom: 10px;
  342.     position: relative;
  343.     cursor: pointer;
  344.     
  345.     /* Keep text on a single line and break with ellipsis */
  346.     overflow: hidden;
  347.     white-space: nowrap;
  348.     text-overflow: ellipsis;
  349. }
  350.  
  351. ul li.playing {
  352.     background: url("images/playingitem.png") 296px center no-repeat;
  353.     padding-right: 28px;
  354. }
  355.  
  356. body[orientation="landscape"] ul li.playing {
  357.     background: url("images/playingitem.png") 456px center no-repeat;
  358. }
  359.  
  360. ul li.group {
  361.     padding-right: 45px;
  362. }
  363.  
  364. .listArtist {
  365.     font-size: 13px;
  366.     color: gray;
  367. }
  368.  
  369. #grouptitle {
  370.     width: 260px;
  371.     
  372.     /* Keep text on a single line and break with ellipsis */
  373.     overflow: hidden;
  374.     white-space: nowrap;
  375.     text-overflow: ellipsis;
  376. }
  377.  
  378. body[orientation="landscape"] #grouptitle {
  379.     width: 420px;
  380. }
  381.  
  382. #navprev {
  383.     width: 33%;
  384.     float: left;
  385. }
  386.  
  387. #navnext {
  388.     width: 33%;
  389.     float: right;
  390.     text-align: right;
  391. }
  392.  
  393. #navalphajump {
  394.     width: 34%;
  395.     margin: auto;
  396.     float: left;
  397.     text-align: center;
  398. }
  399.  
  400. li img {
  401.     float: left;
  402.     margin-right: 3px;
  403. }
  404.  
  405. .header {
  406.     background: url("images/back_head.png") left bottom repeat-x #5e81a7;
  407.     height: 43px;
  408. }
  409.  
  410. .headertitle {
  411.     height: 31px;
  412.     
  413.     color: #fff;
  414.     font-size: 20px;
  415.     font-weight: bold;
  416.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  417.     padding-top: 10px;
  418.     
  419.     /* Keep text on a single line and break with ellipsis */
  420.     overflow: hidden;
  421.     white-space: nowrap;
  422.     text-overflow: ellipsis;
  423. }
  424.  
  425. #libheader {
  426.     padding-left: 60px;
  427.     padding-right: 60px;
  428. }
  429.  
  430. #libback {
  431.     background: url("images/btn_back.png") center no-repeat;
  432.     position: absolute;
  433.     top: 5px;
  434.     left: 5px;
  435.     width: 50px;
  436.     height: 24px;
  437.     padding-left: 3px;
  438.     padding-top: 10px;
  439.     color: #fff;
  440.     font-size: 12px;
  441.     font-weight: bold;
  442.     cursor: pointer;
  443.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  444. }
  445.  
  446. #libsearch {
  447.     background: url("images/btn_main.png") center no-repeat;
  448.     position: absolute;
  449.     top: 5px;
  450.     right: 5px;
  451.     width: 51px;
  452.     height: 24px;
  453.     padding-top: 10px;
  454.     color: #fff;
  455.     font-size: 12px;
  456.     font-weight: bold;
  457.     cursor: pointer;
  458.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  459. }
  460.  
  461. #libsearchdone {
  462.     background: url("images/btn_done.png") center no-repeat;
  463.     position: absolute;
  464.     top: 5px;
  465.     right: 5px;
  466.     width: 51px;
  467.     height: 24px;
  468.     padding-top: 10px;
  469.     color: #fff;
  470.     font-size: 12px;
  471.     font-weight: bold;
  472.     cursor: pointer;
  473.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  474. }
  475.  
  476. #libsearchfield {
  477.     visibility: hidden;
  478.     
  479.     position: absolute;
  480.     top: 0px;
  481.     left: 0px;
  482.     width: 100%;
  483.     z-index: 4;
  484. }
  485.  
  486. #searchInput {
  487.     position: absolute;
  488.     font-size: 16px;
  489.     left: 5px;
  490.     top: 6px;
  491.     width: 236px;
  492. }
  493.  
  494. body[orientation="landscape"] #searchInput {
  495.     width: 396px;
  496. }
  497.  
  498. #showactions {
  499.     background: url("images/btn_add.png") center no-repeat;
  500.     width: 40px;
  501.     height: 29px;
  502.     position: absolute;
  503.     right: 0px;
  504.     top: 8px;
  505. }
  506.  
  507. #showactions.off {
  508.     background: url("images/btn_add_off.png") center no-repeat;
  509. }
  510.  
  511. #playlistdone {
  512.     background: url("images/btn_done.png") center no-repeat;
  513.     position: absolute;
  514.     top: 5px;
  515.     right: 5px;
  516.     width: 51px;
  517.     height: 25px;
  518.     padding-top: 10px;
  519.     color: #fff;
  520.     font-size: 12px;
  521.     font-weight: bold;
  522.     cursor: pointer;
  523.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  524. }
  525.  
  526. #playlistback {
  527.     background: url("images/btn_back.png") top left no-repeat;
  528.     position: absolute;
  529.     top: 6px;
  530.     left: 5px;
  531.     width: 50px;
  532.     height: 30px;
  533.     padding-left: 3px;
  534.     padding-top: 8px;
  535.     color: #fff;
  536.     font-size: 12px;
  537.     font-weight: bold;
  538.     cursor: pointer;
  539.     text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  540. }
  541.  
  542. #subcontrols {
  543.     visibility: hidden;
  544.     
  545.     position: absolute;
  546.     top: 46px;
  547.     left: 0px;
  548.     width: 100%;
  549.     z-index: 2;
  550. }
  551.  
  552. #subcontrols_top {
  553.     background: url("images/back_sub.gif") left bottom repeat-x #000;
  554.     color: #fff;
  555.     opacity: 0.6;
  556.     filter:alpha(opacity=60); /* IE */
  557.     width: 100%;
  558.     height: 46px;
  559.     
  560.     position: absolute;
  561.     top: 0px;
  562.     left: 0px;
  563.     
  564.     z-index: 2;
  565. }
  566.  
  567. #volumecontrol {
  568.     background: url("images/volume_off.png") 10px center no-repeat;
  569.     position: absolute;
  570.     color: #fff;
  571.     top: 273px;
  572.     left: 60px;
  573.     width: 200px;
  574.     height: 44px;
  575.     z-index: 3;
  576. }
  577.  
  578. body[orientation="landscape"] #volumecontrol {
  579.     top: 126px;
  580.     left: 140px;
  581. }
  582.  
  583. #volumecontrol_on {
  584.     background: url("images/volume_on.png") left center no-repeat;
  585.     position: absolute;
  586.     color: #fff;
  587.     top: 273px;
  588.     left: 70px;
  589.     width: 180px;
  590.     height: 44px;
  591.     z-index: 4;
  592. }
  593.  
  594. body[orientation="landscape"] #volumecontrol_on {
  595.     top: 126px;
  596.     left: 150px;
  597. }
  598.  
  599. #shufflecontrol {
  600.     background: url("images/shuffle_off.png") center no-repeat;
  601.     position: absolute;
  602.     right: 5px;
  603.     top: 0px;
  604.     width: 25px;
  605.     height: 44px;
  606.     z-index: 3;
  607.     cursor: pointer;
  608. }
  609.  
  610. #repeatcontrol {
  611.     background: url("images/repeat_off.png") center no-repeat;
  612.     position: absolute;
  613.     left: 7px;
  614.     top: 0px;
  615.     width: 25px;
  616.     height: 44px;
  617.     z-index: 3;
  618.     cursor: pointer;
  619. }
  620.  
  621. #nav {
  622.     background: #242424;
  623.     margin: 0;
  624.     padding: 0.5em 0;
  625.     width: 100%;
  626. }
  627.  
  628. #ratingcontrol {
  629.     position: absolute;
  630.     color: #fff;
  631.     top: 0px;
  632.     left: 50px;
  633.     width: 160px;
  634.     height: 44px;
  635.     z-index: 3;
  636. }
  637.  
  638. body[orientation="landscape"] #ratingcontrol {
  639.     left: 130px;
  640. }
  641.  
  642. #ratingcontrol ul {
  643.     background: none;
  644.     list-style: none;
  645.     padding: 0px;
  646.     margin: 0px;
  647. }
  648.  
  649. #ratingcontrol ul li {
  650.     background: url("images/star_off.png") center no-repeat;
  651.     border: none;
  652.     display: inline;
  653.     padding-left: 15px;
  654.     padding-right: 15px;
  655.     line-height: 44px;
  656.     text-align: center;
  657.     cursor: pointer;
  658. }
  659.  
  660. #ratingcontrol ul li.starred {
  661.     background: url("images/star_on.png") center no-repeat;
  662. }
  663.  
  664. #ratingcontrol ul li.empty {
  665.     background: none;
  666. }
  667.  
  668. #subcontrols_bottom {
  669.     background: url("images/back_sub_bottom.gif") left top repeat-x #000;
  670.     color: #fff;
  671.     opacity: 0.6;
  672.     filter:alpha(opacity=60); /* IE */
  673.     width: 100%;
  674.     height: 46px;
  675.     
  676.     position: absolute;
  677.     top: 273px;
  678.     left: 0px;
  679.     
  680.     z-index: 2;
  681. }
  682.  
  683. body[orientation="landscape"] #subcontrols_bottom {
  684.     top: 126px;
  685. }
  686.  
  687. #volumedowncontrol {
  688.     background: url("images/volume_down.png") 29px center no-repeat;
  689.     position: absolute;
  690.     left: 0px;
  691.     top: 274px;
  692.     width: 61px;
  693.     height: 44px;    
  694.     z-index: 3;
  695.     cursor: pointer;
  696. }
  697.  
  698. body[orientation="landscape"] #volumedowncontrol {
  699.     top: 127px;
  700. }
  701.  
  702. #volumeupcontrol {
  703.     background: url("images/volume_up.png") center no-repeat;
  704.     position: absolute;
  705.     right: 0px;
  706.     top: 274px;
  707.     width: 61px;
  708.     height: 44px;
  709.     z-index: 3;
  710.     cursor: pointer;
  711. }
  712.  
  713. body[orientation="landscape"] #volumeupcontrol {
  714.     top: 127px;
  715. }
  716.  
  717. #speakercontrolcontainer {
  718.     display: none;
  719. }
  720.  
  721. #speakercontrol {
  722.     background: url("images/speakers.png") 14px 10px no-repeat;
  723.     position: absolute;
  724.     color: #fff;
  725.     right: 0px;
  726.     top: 137px;
  727.     width: 40px;
  728.     height: 42px;
  729.     cursor: pointer;
  730.     z-index: 3;
  731. }
  732.  
  733. body[orientation="landscape"] #speakercontrol {
  734.     top: 62px;
  735. }
  736.  
  737. #speakercontrol_back {
  738.     color: #fff;
  739.     opacity: 0.6;
  740.     filter:alpha(opacity=60); /* IE */
  741.  
  742.     position: absolute;
  743.     top: 137px;
  744.     right: 0px;
  745.     width: 42px;
  746.     height: 43px;
  747.     
  748.     z-index: 2;
  749. }
  750.  
  751. body[orientation="landscape"] #speakercontrol_back {
  752.     top: 62px;
  753. }
  754.  
  755. #speakercontrol_back_left {
  756.     background: url("images/back_float_left.png") no-repeat;
  757.     width: 9px;
  758.     height: 43px;
  759.  
  760.     float: left;
  761. }
  762.  
  763. #speakercontrol_back_mid {
  764.     background: url("images/back_float_mid.png") repeat-x;
  765.     width: 33px;
  766.     height: 42px;
  767.     
  768.     float: right;
  769. }
  770.  
  771. #itemactions {
  772.     visibility: hidden;
  773.     
  774.     position: absolute;
  775.     left: 0px;
  776.     top: 0px;
  777.     width: 100%;
  778.     height: 416px;
  779.     z-index: 5;
  780.     overflow: hidden;
  781. }
  782.  
  783. body[orientation="landscape"] #itemactions {
  784.     height: 269px;
  785. }
  786.  
  787. #overlay {    
  788.     background: #000;
  789.     opacity: 0.5;
  790.     filter:alpha(opacity=50); /* IE */
  791.     position: absolute;
  792.     left: 0px;
  793.     top: 0px;
  794.     width: 100%;
  795.     height: 416px;
  796.     z-index: 5;
  797. }
  798.  
  799. body[orientation="landscape"] #overlay {
  800.     height: 269px;
  801. }
  802.  
  803. #actionback {
  804.     background: url("images/back_top.gif") left top repeat-x #000;
  805.     position: absolute;
  806.     opacity: 0.8;
  807.     left: 0px;
  808.     bottom: 0px;
  809.     width: 100%;
  810.     height: 200px;
  811.     z-index: 6;
  812. }
  813.  
  814. #itemactions ul {
  815.     background: none;
  816.     list-style: none;
  817.     padding: 0px;
  818.     margin: 0px;
  819.     position: absolute;
  820.     left: 0px;
  821.     bottom: 0px;
  822.     width: 100%;
  823.     z-index: 7;
  824. }
  825.  
  826. #itemactions ul li {
  827.     background: url("images/action_white.png") center no-repeat;
  828.     border: none;
  829.     text-shadow: #fff 0px 1px 0px;
  830.     text-align: center;
  831.     cursor: pointer;
  832.     padding-top: 15px;
  833.     padding-bottom: 15px;
  834. }
  835.  
  836. #itemactions ul li.cancel {
  837.     background: url("images/action_grey.png") center no-repeat;
  838.     color: #fff;
  839.     padding-top: 30px;
  840.     padding-bottom: 30px;
  841. }
  842.  
  843. #alphajump {
  844.     visibility: hidden;
  845.     
  846.     position: absolute;
  847.     left: 8px;
  848.     top: 90px;
  849.     width: 304px;
  850.     height: 304px;
  851.     z-index: 5;
  852.     overflow: hidden;
  853. }
  854.  
  855. body[orientation="landscape"] #alphajump {
  856.     left: 30px;
  857.     top: 75px;
  858.     width: 419px;
  859.     height: 194px;
  860. }
  861.  
  862. #alphajumpback {
  863.     background: url("images/dialog_overlay.png") left top repeat-x #000;
  864.     border: 2px solid #d1d1d1;
  865.     position: absolute;
  866.     opacity: 0.95;
  867.     filter:alpha(opacity=95); /* IE */
  868.     left: 0px;
  869.     top: 0px;
  870.     width: 300px;
  871.     height: 300px;
  872.     z-index: 6;
  873.     -webkit-border-radius: 10px;
  874. }
  875.  
  876. body[orientation="landscape"] #alphajumpback {
  877.     background: #000;
  878.     width: 415px;
  879.     height: 190px;
  880. }
  881.  
  882. #alphajump ul {
  883.     background: none;
  884.     list-style: none;
  885.     padding: 0px;
  886.     margin: 0px;
  887.     position: absolute;
  888.     left: 0px;
  889.     top: 0px;
  890.     width: 100%;
  891.     z-index: 7;
  892. }
  893.  
  894. #alphajump ul li {
  895.     color: #fff;
  896.     border: none;
  897.     display: inline-block;
  898.     cursor: pointer;
  899.     width: 40px;
  900.     height: 30px;
  901.     font-size: 20px;
  902.     text-align: center;
  903. }